<script src="<?php echo Yii::app()->theme->baseUrl; ?>/js/external-dragging-calendar.js"></script>

<div class="row-fluid">
    <div class="span8">

        <div id="content_repor_usuarios_registrados" class="widget blue">
            <div class="widget-title">
                <h4><i class="icon-user"></i> Administrar Tareas</h4>
                <span class="tools">
                    <a href="javascript:;" class="icon-chevron-down"></a>
                </span>
            </div>
            <div class="widget-body">
                <div id='repor_usuarios_registradosColumn' class="row-fluid">
                    <?php
                    /*
                     * To change this license header, choose License Headers in Project Properties.
                     * To change this template file, choose Tools | Templates
                     * and open the template in the editor.
                     */

                    $eventos = array(
                        array(),
                    );
                    $this->widget('application.extensions.fullcalendar.FullcalendarGraphWidget', array(
                        'id' => 'calendar',
                        'options' => array(
                            'editable' => true,
                            'droppable' => true,
//        'monthNames' => Util::obtenerMeses(),
//        'monthNamesShort' => Util::obtenerMesesCortos(),
                            'dayNames' => Util::obtenerDias(),
//        'buttonText' => Util::obtenerBotonesCalendario(),
//        'dayNamesShort' => Util::obtenerDiasCortos(),
//        'columnFormat' => Util::obtenerColumnasCalendario(),
                            'titleFormat' => Util::obtenerTitulosCalendario(),
                            'events' => array(
                                array('title' => 'Llegaran Grupos EUUU', 'start' => '2015-01-01', 'color' => '#3DBEDC',),
                                array('title' => 'Llegaran Grupos LIMA ', 'start' => '2015-01-05', 'color' => '#3DBEDC',),
                                array('title' => 'Limpieza de Cuartos Matrimoniales ', 'start' => '2015-01-07', 'color' => '#3DBEDC'),
                                array('title' => 'Limpieza de Cuartos Dobles ', 'start' => '2015-01-08', 'color' => '#9D4A9C'),
                                array('title' => 'Limpieza de Cuartos Simples  ', 'start' => '2015-01-10', 'color' => '#9D4A9C'),
                                array('title' => 'Limpieza de Cuarto de cocina ', 'start' => '2015-01-18', 'color' => '#9D4A9C'),
                                array('title' => 'Cambio de cortinas Cuartos VIP ', 'start' => '2015-01-25', 'color' => '#90C56D'),
                                array('title' => 'Cambio de cortinas Cuartos  Doble  ', 'start' => '2015-01-26', 'color' => '#90C56D'),
                                array('title' => 'Cambio de cortinas Cuartos Matrimoniales ', 'start' => '2015-01-01', 'color' => '#F37B53'),
                                array('title' => 'Cambio de cortinas Cuartos Simples ', 'start' => '2015-01-03', 'color' => '#F37B53'),
                                array('title' => 'Asignacion de nuevas Tareas.', 'start' => '2015-01-23', 'color' => '#F37B53'),
                            ),
//                        'eventSources' => array(CController::createUrl('/eventos/calendario/ajaxCargarModelosCalendar/')),
                            'disableResizing' => true,
//        'dayClick' => "js:function(date, allDay, jsEvent, view){
//                            var NewDate = new Date();
//                            NewDate = $.fullCalendar.formatDate(date, 'yyyy-MM-dd');
//                            var today = new Date();
//                            today = $.fullCalendar.formatDate(today, 'yyyy-MM-dd'); 
//                            if (NewDate >= today) { 
//                                AjaxModalCreateNewEvento(date);
//                                }
//                            
//                        
//                        }",
                            'eventClick' => 'js:function(calEvent, jsEvent, view){
                                AjaxModalEntidad(calEvent, jsEvent, view);
                        }',
//        'drop' => "js:function(date, allDay) {
//                            var NewDate = new Date();
//                            NewDate = $.fullCalendar.formatDate(date, 'yyyy-MM-dd');
//                            var today = new Date();
//                            today = $.fullCalendar.formatDate(today, 'yyyy-MM-dd');               
//                                if (NewDate >= today) { 
//                                    var originalEventObject = $(this).data('eventObject');
//                                    originalEventObject.start = date;
//                                    originalEventObject.allDay = allDay;
//                                    AjaxSeleccionarFechaInicioEvento(originalEventObject);
//                                }
//                                else
//                            {
//                                bootbox.alert('No se puede asignar a una fecha pasada');
//                            }
//				
//			}",
//        'eventDrop' => 'js:function(event, dayDelta, minuteDelta, allDay, revertFunc) {
//                            var NewDate = new Date();
//                            NewDate = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd");
//                            var today = new Date();
//                            today = $.fullCalendar.formatDate(today, "yyyy-MM-dd");
//                            
//                                if (NewDate >= today) {
//                                        AjaxSeleccionarFechaInicioEvento(event,revertFunc);
//                                }
//                                else
//                                {
//                                    revertFunc();
//                                bootbox.alert("No se puede asignar a una fecha pasada");
//                                }
//                                
//                        }',
                            'header' => array(
                                'left' => 'prev,next today',
                                'center' => 'title',
//            'right' => 'month,basicWeek,basicDay'
                            ),
                        ),
                        'htmlOptions' => array(
                            'class' => 'has-toolbar'
                        ),
                    ));
                    ?>
                </div>
            </div>

        </div>

    </div>
    <div class="span4">
        <div class="widget green">
            <div class="widget-title">
                <h4><i class="icon-calendar"></i> Agregar Tareas</h4>
            </div>
            <div class="widget-body">
                <div id='external-events'>
                    <div class='external-event label'>Tarea 1</div>
                    <div class='external-event label'>Tarea 2</div>
                    <div class='external-event label'>Tarea 3</div>
                    <div class='external-event label'>Tarea 4</div>

                    <p>
                        <input type='checkbox' id='drop-remove' />
                        remove after drop
                    </p>
                </div>
            </div>
        </div>
    </div>

</div>